<template>
  <div class="configurationdiv">
    <div class="roadhomemain">
      <!-- 三维cesium底图 -->
      <div class="cesiumdiv">
        <ThreeDimensional />
      </div>
      <!-- 二维元素 -->
      <div class="roadhomerv">
        <!-- <TwoDimensional /> -->
      </div>
    </div>
  </div>
</template>
<script>
import TwoDimensional from "./TwoDimensional";
import ThreeDimensional from "./ThreeDimensional";

export default {
  components: {
    ThreeDimensional,
    TwoDimensional
  },
  data() {
    return {
      //home动态元素相关
      setting: {}
    };
  },
  computed: {},
  watch: {},
  mounted() {
    let _this = this;
    // window.onresize = () => {
    //   return (() => {
    //     // 可以在这里保存到浏览器中，也可以保存到其他地方
    //     // window.height = document.documentElement.clientHeight;
    //     // _this.height = window.height;
    //     _this.$root.setting.scale = document.documentElement.clientHeight;
    //   })();
    // };

    _this.$root.setting.scale = document.documentElement.clientWidth / 6656;
  },
  methods: {}
};
</script>
<style lang='scss'>
html {
  overflow-x: hidden;
  overflow-y: hidden;
}
.configurationdiv {
  .cesiumdiv {
    height: calc(100vh);
    width: calc(100vw);
    z-index: 1;
  }

  .roadhomerv {
    position: absolute;
    pointer-events: none;
    height: calc(100vh);
    width: calc(100vw);
    top: 0px;
    z-index: 2;
  }
}
</style>